
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title> 登录 </title>
  <link rel="stylesheet" type="text/css" href="/css/style.css" />

  <style type="text/css">
    *, body {
      margin: 0px;
      font-family: '微软雅黑',serif;
    }
    div.systitlediv{
      width:100%;
    }
  </style>
  <script src="/js/jquery-1.10.2.min.js"></script>
  <script src="/js/generic.js"></script>

</head>

<body>

<table class="maintablehead" cellspacing=0 cellpadding=0 style="width:100%; ">
  <tr>
    <td class="titleheadtd" style="width:100%">
      <div class="systitlediv"><img th:src="@{images/zyydx.png}" alt="" style="width:262px; height:100px; vertical-align:middle;"> &nbsp; 方剂医案数据平台</div>
    </td>
  </tr>
</table>

<table th:style="'width: 100%; height: 625px; margin: 0px auto; background: #fff;background: url(images/bg4.jpg);background-repeat: no-repeat; background-size: cover'">
  <!--<div th:style="background-image:url(/images/bg4.jpg  )">-->
  <!--  < img th.src="@{images/bg4.jpg}">-->
  <tr>
    <td valign="top" width="60%">
      <div style="color:#fff; width:80%; margin:190px auto; font-size:20px;  text-indent:2em;">
        本平台由湖北中医药大学经方应用研究所与武汉科技大学合作开发建设，进行中医方药理论、临床、科研、教学、健康教育等相关研究、应用及推广工作。
      </div>

    </td>
    <td valign="top"style="width:40%">
      <style>
        .logintable form {
          text-align: center;
        }
        .logintable input[type="text"],
        .logintable input[type="password"],
        .logintable input[type="submit"],
        .logintable input[type="button"] {
          margin-bottom: 8px;
        }
      </style>
      <div class="logintable" style="padding: 8px;">
        <h3 style="text-align: center; font-size: 16px;">—— 登  录 ——</h3>
        <form th:action="@{/loginIn}" method="post" onsubmit="return login()">
          <div style="margin-bottom: 8px;">
            <input type="text" id="user_id" class="logininput" placeholder="用户名/学号" name="userId" style="margin-top: 13px">
          </div>
          <div style="margin-bottom: 8px;">
            <input type="password" id="user_pasd" class="logininput" placeholder="密码" name="password">
          </div>
          <div style="text-align: center;">
            <input type="submit" value="登&nbsp;&nbsp;录" class="denglubtn" >
            <input type="button" value="注&nbsp;&nbsp;册" class="zhucebtn" onclick="window.location.href='/User/register'">
          </div>
        </form>
      </div>

    </td>
  </tr>

</table>

<div>
  <div class="footerdiv">
    &copy;2016 &nbsp;  湖北中医药大学经方应用研究所  &nbsp; &nbsp;  技术支持：武汉科技大学 <br>
    地址：湖北省武汉市洪山区黄家湖西路1号  &nbsp; &nbsp;　邮编：430065  &nbsp; &nbsp;　E-mail：hbzyjd@qq.com
    <br /> 鄂ICP备15017355号-3<br />
    <div class="footershengming">
      本平台仅做学习交流使用，病案所有权属于名医本人或其工作室负责人。<br />他人如需运用相关资料，发表文章著作，需征得名医本人或相关负责人的同意。<br />
      本站力求数据准确，但不保证数据全部无误。一切数据使用后果自行负责。
    </div>
  </div>
</div>

</body>
</html>

<script type="text/javascript">
  function login() {
    if ($("#user_id").val() == "") {
      alert("请输入账号");
      return false;
    }
    if ($("#user_pasd").val() == "") {
      alert("请输入密码");
      return false;
    }
    return true;
  }

  var mesg = [[${message}]]
  if (mesg == 1) {
    alert("用户名或密码不正确！");
  } else if (mesg == 2) {
    alert("注册成功！");
  }


</script>